<div class="ui-g" [@flyIn]="'active'">
    <div class="ui-g-3 border-spe-right border-spe-left">
        <!--系统补全控件-->
        <p-autoComplete
            [suggestions]="suggestions" (completeMethod)="search($event)" [(ngModel)]="suggestion" [dropdown]="true"
            placeholder="系统名称" [minLength]="1" field="label" (onSelect)="selectSuggestion()"
            [style]="{'margin':'10px 15px 0px 10px', 'width':'100%'}" [inputStyle]="{'width':'83%'}">
        </p-autoComplete>

        <!--分割符-->
        <hr style="margin:8px 0 0 0;">
        <!--系统层级树-->
        <p-tree [value]="systems" selectionMode="single"  (onNodeSelect)="systemSelect($event)" [(selection)]="selectedSystem"
                emptyMessage="无数据" [loading]="loading" [style]="{'height': '90%','width':'100%','border-style':'none', 'padding':'0'}">
        </p-tree>
        <!--底部色块-->
        <div class="left-tree-bottom tool-tip"></div>
    </div>
    <div class="ui-g-9">
        <router-outlet></router-outlet>
    </div>
</div>
